@include b('amount') {
  width: 100%;
  height: 100%;
  @include e('content') {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    @include m('number-text') {
      cursor: pointer;
    }
    @include m('yoy') {
      display: flex;
    }
    @include m('qoq') {
      display: flex;
    }
    @include m('compare-number') {
      display: flex;
      align-items: baseline;
      width: 150px;
    }
    @include m('yoy-value') {
      display: none;
      margin-left: 10px;
      @include when('show') {
        display: block;
      }
    }
    @include m('yoy-lastyearMonth') {
      display: none;
      flex: 1;
      margin-left: 10px;
      @include when('show') {
        display: block;
      }
    }
    @include m('qoq-lastMonth') {
      display: none;
      flex: 1;
      margin-left: 10px;
      @include when('show') {
        display: block;
      }
    }
    @include m('qoq-value') {
      display: none;
      margin-left: 10px;
      @include when('show') {
        display: block;
      }
    }
  }
  @include e('check-detail') {
    padding-right: 0 !important;
    padding-left: 0 !important;
    @include m('item') {
      display: flex;
      gap: 4px;
      align-items: center;
      justify-content: start;
      height: 36px;
      padding: 0 getCssVar(spacing, base, loose);
      cursor: pointer;

      &:hover {
        background-color: getCssVar(color, bg, 0);
      }

      svg {
        font-size: getCssVar(font-size, header, 6);
        color: getCssVar(color, text, 3);
      }
    }
    @include m('text') {
      font-size: getCssVar(font-size, regular);
    }
  }
  @include e('down') {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-left: 10px;

    svg {
      color: getCssVar(color, danger, active);
    }
  }
  @include e('up') {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-left: 10px;

    svg {
      color: getCssVar(color, success, light, active);
    }
  }
}
